<template>
	<Page :config='pageConfig'>
		
	</Page>
</template>

<script setup>
	const Page			= $.lazy(()=>import('#tp/content/page-content.vue'))
	/* ---------------------------  提交表单 --------------------------- */
	const pageConfig = {
		title: '可操作按钮',
		refresh: true,
		back:true,
		scroll: true,
		controls	: [
			{ label:'下拉操作', mode:'dropdown',
				data: [
					{ mode:'click', label:'自定义1', click:()=> $fn.msg.success( '自定义1' ) },
					{ mode:'confirm', label:'确认提交', api:'confirm', param:{ a:1 } },
					{ mode:'submit', label:'直接提交', api:'submit', param:{ a:1 } },
					{ label:'上传文件', mode:'upload', api:'file/manage/upload', mul:true, param:()=> ({  }), change: value => {
						// tableRef.search( )
					} },
				]
			},
			{ mode:'confirm', label:'确认提交', api:'confirm', param:{ a:1 } },
			{ mode:'del', label:'弹窗删除', api:'del', param:{ a:1 } },
			{ mode:'delPop', label:'提示删除', api:'del', param:{ a:1 } },
			{ mode:'submit', label:'直接提交', api:'submit', param:{ a:1 } },
			{ label:'上传文件', mode:'upload', api:'file/manage/upload', mul:true, param:()=> ({  }), change: value => {
				
			} },
			{ label:'自定义', click:()=> $fn.msg.success( '自定义' ) },
			{ label:'内部跳转', to:'/main/form-submit/form', ghost:true },
			{ label:'三方跳转', link:'http://www.jiazhenger.com', ghost:true },
			{ label:'加载中',  loading:true },
			// { mode:'back' },
			// { mode:'refresh' },
		],
		footerControls:{
			// class:'fxmr',
			controls: [
				{ mode:'back', label:'取消', api:'confirm' },
				{ mode:'submit', label:'提交', api:'submit' },
			]
		}
	}
</script>